<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="/static/favicon.ico">
    <title>年度报告</title>
    <style>
        table {
            width: 100%;
            border-collapse: collapse;
        }

        th,
        td {
            border: 1px solid black;
            padding: 1px;
            text-align: left;
        }

        tr:hover {
            /* background-color: #f5f5f5; */
            /* background-color: #ecf5ff !important; */
            background-color: #fbec88;
        }
    </style>
</head>

<body>
    <div>
        <div>
            <h1>Header</h1>
        </div>
        <div>
            <h1>Body</h1>
            <table>
                <thead>
                    <tr>
                        <th>证券代码-公司名称</th>
                        <th>报告名称</th>
                        <th>发布日期</th>
                    </tr>
                </thead>
                <tbody>
                    {% for item in data %}
                    <tr>
                        <td><a href="/c/{{ item.sec_title[:6] }}" target="_blank">{{ item.sec_title }}</a>
                        </td>
                        <td><a href="{{ item.file_url }}" target="_blank">{{ item.file_title }}</a></td>
                        <td>{{ item.file_newDate }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        <div>
            <h1>Footer</h1>
            <h1>共{{pages}}页</h1>
            <h1>
                <a href="/r/year_report/?page={{page-1}}">
                    <<上一页< /a>
                        <span>当前为第{{page}}页</span>
                        <a href="/r/year_report/?page={{page+1}}">下一页>></a>
            </h1>

        </div>
    </div>
</body>

</html>